<script setup lang="ts">
  import { useLocale } from '@/locales/useLocale';
  import DescMain from '@/components/home/DescMain.vue';
  import LayoutFooter from '@/components/layout/LayoutFooter.vue';
  import LargeScreenDisplay from "@/components/home/largeScreenDisplay/LargeScreenDisplay.vue";
  const { t } = useLocale();
</script>

<template>
  <div class="bg-home-bg min-h-full">
    <LargeScreenDisplay/>
    <div class="py-10 space-y-2 text-center">
      <h1 class="text-2xl">{{ t('message.sys.login.signInTitle') }}</h1>
      <h3 class="text-sm">{{ t('message.sys.login.signInDesc') }}</h3>
    </div>
    <div class="">
      <DescMain />
    </div>
    <LayoutFooter />
    <el-backtop />
  </div>
</template>

<style lang="scss"></style>
